/* 容器 <div> - 需要定位下拉内容 */

.dropdown {
  position: relative;
  display: inline-block;
}


/* 下拉内容 (默认隐藏) */

.dropdown-content {
  position: absolute;
  display: none;
  width: 64px;
  background-color: rgb(255, 171, 51);
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
}


/* 下拉菜单的链接 */

.dropdown-content a {
  display: block;
  padding: 2px 1px;
  padding-top: 5px;
  min-height: 1.5em;
  color: black;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
}


/* 鼠标移上去后修改下拉菜单链接颜色 */

.dropdown:hover>a {
  background-color: rgb(255, 151, 1);
}


/* 在鼠标移上去后显示下拉菜单 */

.dropdown:hover .dropdown-content {
  display: block;
}
